<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title><?php echo $layoutTitle; ?></title>
		<script type="text/javascript" src="<?php echo base_url('js/ext/ext-all.js'); ?>"></script>
		<link   rel="shortcut icon" href="<?php echo base_url('images/Formative-Soft-Logo-2.png'); ?>" type="image/x-icon" />
		<link   rel="stylesheet" href="<?php echo base_url('css/custom_css.css'); ?>" />
		<!--<link   rel="stylesheet" href="<?php echo base_url('css/dataView.css'); ?>" />-->
		<link   rel="stylesheet" href="<?php echo base_url('css/icon.css'); ?>" />
		<link   rel="stylesheet" href="<?php echo base_url('css/ext-all.css'); ?>" />
		
		<style>    
		  #loading-mask{
			background-color:white;
			height:100%;
			position:absolute;
			left:0;
			top:0;
			width:100%;
			z-index:20000;
		  }
		  #loading{
			height:auto;
			position:absolute;
			left:45%;
			top:40%;
			padding:2px;
			z-index:20001;
		  }
		  #loading a {
			color:#225588; 
			text-decoration:none;
		  }
		  #loading .loading-indicator{
			background:white;
			color:#444;
			font:bold 13px Helvetica, Arial, sans-serif;
			height:auto;
			margin:0;
			padding:10px;
		  }
		  #loading-msg {
			font-size: 10px;
			font-weight: normal;
		  }
		</style> 
		<?php echo $layoutHead; ?>
	</head>
	<body>
		<div id="loading-mask" style=""></div>
		<div id="loading">
			<div class="loading-indicator">
				<img src="<?php echo base_url('images/loading.gif'); ?>" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>Formative POS - <a href="http://www.formativesoft.com">Formative Soft Ltd</a>
				<br />
				<span id="loading-msg">Loading application...</span>
			</div>
		</div>
		<script>
			//this.setLoadingText(false);
		</script>
		<?php echo $layoutBody; ?>
	</body>
</html>